﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
			<link rel="stylesheet" href="ts.css">
			
	</head>
	<body>
		<div class="box">
		<!-- 头部 -->
			<div class="div1">
			<!-- 左 -->
				<div class="div2">
					<ul class="ul1">
						<li class="li1">
							<img src="./imgs/logo.gif" alt="图片未加载">
						</li>
						<li class="li1">主题帖</li>
						<li class="li1">专栏</li>
						<li class="li1">活动</li>
						<li class="li1">招聘</li>
						<li class="li1">话题</li>
					</ul>
					<!-- 右 -->
					<ul class="ul2">
						<li class="li2">
							<input type="text" placeholder="输入您要搜索的内容…" class="input1">
						</li>
						<li class="li2">投稿</li>
						<li class="li2">登录</li>
						<li class="li2"><button class="li2-1">注册</button></li>
					</ul>					
					
				</div>
					
			</div>
		<!-- 头部结束 -->
			<div class="div3">
				<p class="p1">
					<img src="./imgs/2.png" alt="图片未加载" class="img1">
					<span class="span1">独家合辑</span>
				</p>
			</div>

			<!-- 下 -->
			<div class="div4">

			<!-- 左 -->
				<div class="div4-1">
				<!-- 左上 -->
					<div class="div4-1-1">
						<ul class="ul3">
							<li class="li3" style="margin-left:30px;">懒人周报</li>
							<li class="li3">东京特辑</li>
							<li class="li3">设计商店</li>
							<li class="li3">精致小物</li>
							<li class="li4">编辑精选</li>
						</ul>
					</div>
					<!-- 左下 -->
					<div class="list">
						<h1>别在樱木向晴子挥手的平交道逗留太久，更好的风景和故事在下一站</h1>		
					</div>

					<div class="list-1">
						<span class="span2">撰文</span>
						<span class="span3">摇摇冻</span>
						<time class="time1">2017-1-21 19:28:08</time>
						<div class="div5">

							<span class="span4">
								<img src="./imgs/yj.png" alt="图片未加载" class="img2"> 2702
							</span>

							<span class="span5">︱</span>

							<span class="span4">
								<img src="./imgs/z.png" alt="图片未加载" class="img2"> 4
							</span>

							<span class="span5">︱</span>

							<span class="span4">
								<img src="./imgs/xx.png" alt="图片未加载" class="img2"> 1
							</span>

						</div>
					</div>


					<div class="div6">
						<p class="p2">文/摇摇冻@TOPYS</p>
						<p class="p2">头图设计/Ayuu@TOPYS</p>
						<p class="p2">编辑/TOPYS编辑部</p>
						<p class="p2">素材来源/TOPYS</p>
						<br>
						<br>
						<p class="p3">能坐就不站能躺就不坐的TOPYS懒癌编辑们，这一次终于迈开双脚，远渡重洋，踏上设计之都东京，展开为期一周的年度东京深度游，透过自己的双眼（和镜头）看创意世界。</p>
						<p class="p3">在逛吃逛吃的同时，也不忘从岛国为你们搜罗来了新鲜热辣的旅途见闻，创意资讯。大到设计商店，小至精致小物，虽然很多之前就在我们网站“见过面”，这一次却是真正看见，还是成功引起了见多识广（哪怕是纸上谈兵）的我们注意。</p>
						<p class="p3">双手奉上岁末最后一期懒人周报东京特辑，提前恭祝大家新春快乐！</p>


						<div class="div7"></div>
					</div>
					

				</div>
				<!-- 右 -->
				<div class="div4-2">
					<div class="div4-2-1">
						<div>
							<div class="div10">
								<img src="./imgs/yx.png" alt="图片未加载" class="img4">
							</div>

							<div class="div11">+关注</div>

							<div class="div12">
								<img src="./imgs/2.jpg" alt="图片未加载" class="img5">
							</div>

							<p class="p10">
								<span class="span99">摇摇冻</span> 
								<span class="span8">普通用户</span>
							</p>

							<div class="div13">
								<img src="./imgs/55.png" alt="图片未加载" class="img6">
								<span class="span9">广东 深圳</span>
								<img src="./imgs/66.png" alt="图片未加载" class="img6">
								<span class="span9">文案/编辑/写作</span>

							</div>
							<p class="p11">不元气少女</p>
							
							
						</div>

					</div>





					<div class="div4-2-2">
						<p class="p4">最新评论</p>
						<hr class="hr">

						<div class="div8">
							<img src="./imgs/4.png" alt="图片未加载" class="img3">
							<span class="span6">smidar</span>
							<span class="span7">22小时前</span>
						</div>
						<br>

						<div class="div9">
							<p class="p5">平生不识尼克杨，打烂篮筐也惘</p>
							<p class="p6">然。</p>
						</div>

						<p class="p7"><span style="color:#979797;">评论于 </span> 给甲方提案时，对方是不是一脸尼克杨？</p>

						<div class="div8">
							<img src="./imgs/4.png" alt="图片未加载" class="img3">
							<span class="span6">EMOCENA</span>
							<span class="span7">1天前</span>
						</div>
						<br>

						<div class="div9">
							<p class="p5">NBA湖人队球员</p>
						</div>

						<p class="p7"><span style="color:#979797;">评论于 </span> 给甲方提案时，对方是不是一脸尼克杨？</p>


					</div>
				</div>
			</div>

		</div>
		
	</body>
</html>